<template>
  <div class="mainNav">
    <!-- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" text-color="#000" active-text-color="#ef8200" :key = 1> -->
    <el-menu
      class="el-menu-demo"
      mode="horizontal"
      text-color="#000"
      active-text-color="#ef8200"
      :key="1"
    >
      <el-menu-item index="1">
        <router-link to="/" style="color:black;" class="manuItem">热门公众号</router-link>
      </el-menu-item>
      <el-menu-item index="2">
        <router-link to="/proList" style="color:black;" class="manuItem">产品列表</router-link>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style scoped>
.manuItem:hover {
  color: #ef8200 !important;
}
.el-menu-demo a.manuItem {
  display: inline-block;
  height: 36px;
  line-height: 30px;
  text-decoration: none;
}
.mainNav .el-menu-item {
  font-size: 16px !important;
}
</style>